<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="index.css">
  <script src="/js/jquery.min.js"></script>
</head>
<body>
  <div id="box">
    <div class="tian">
      <div>
        <label>
          姓名: <input type="text" class="user">
        </label>
      </div>
      <div>
        <label>
          年龄: <input type="text" class="age">
        </label>
      </div>
      <div>
        性别:
        <label><input type="radio" name="sex" value="0" checked>男</label>
        <label><input type="radio" name="sex" value="1">女</label>
      </div>
      <div>
        是否标红:
        <label><input type="radio" name="isRed" value="true">是</label>
        <label><input type="radio" name="isRed" value="false" checked>否</label>
      </div>
      <div>
        爱好:
        <select>
          <option value="0">敲代码</option>
          <option value="1">打喜爱福</option>
          <option value="2">看电视</option>
          <option value="3">打扑克</option>
          <option value="4">看电影</option>
        </select>
      </div>
      <div>
        <button type="button" class="add">添加</button>
      </div>
    </div>
    <div class="xuan">
      <button type="button" class="paixu">按年龄排序</button><br>
      <input type="search" class="search">
      <button type="button" class="searchBtn">搜索</button>
      <table>
        <thead>
          <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>爱好</th>
            <th>时间</th>
            <th>是否标红</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <!-- <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td>
              <button type="button" onclick="del()">删除</button>
            </td>
          </tr> -->
        </tbody>
      </table>
      <button type="button" class="delAll">全部删除</button>
    </div>
    <div class="tip">
      暂无数据
    </div>
  </div>
  <script src="index.js"></script>
</body>
</html>